@charset "utf-8";
/* -------------------------------- */
/* paneo paneo page design style    */
/* -------------------------------- */


@import 'styleset';

/* PANEO LAYOUT */
$PANEO_WIDTH                           : ${PANEO_WIDTH}px;
$PANEO_HEIGHT                          : ${PANEO_HEIGHT}px;
$TABLET_WIDHT                          : ${TABLET_WIDTH}px;
$SMART_PHONE_WIDHT                     : ${SMART_PHONE_WIDTH}px;

/* SMART PHONE */
@media only screen and (max-width      : ${SMART_PHONE_WIDTH}px) {
		div#contents {
		
		margin                                 : 0 3px;
		
		div#siteheader,
		div#siteheader nav {
		    display:none;
		}
		
		div#specialbox div.hd, div#topback {
		    display:none;
		}
		
		div#specialbox div.context{
			width: 100%;
			margin: 0 auto;
			line-height: 120%;
		}
		
		}
		
		/*Blocks */
		.block-two,
		.block-three,
		.block-four,
		.block-five,
		.block-six {
		/* margin-left                         : 0; */
		margin-bottom                          : 1.5em;
		}
		
		.block-two > li
		{
		float                                  : none;
		margin                                 : 0;
		width                                  : 100%;
		}
		
		.block-three > li{
		}
		
		.block-four > li{
		width                                  : 46.80851063829787%;
		}
		
		.block-five > li{
		width                                  : 30.141843971631204%;
		}
		
		.block-six > li {
		width                                  : 30.141843971631204%;
		}

}

/* PC TABLE PHONE */
@media only screen and ( max-width     : ${PANEO_WIDTH-1}px ) {
div#contents {
padding                                : 0 20px;
}

}


/* PANEO fix layout a4 */
/* 1280px x 1810px 1                   : √2 */
/* 2894px x 4093px 1                   : √2 350dpi*/
@media  paper, (min-width : ${PANEO_WIDTH}px)
{

div#container {
position                               : relative;
margin                                 : 0 auto;
width                                  : $PANEO_WIDTH;
height                                 : $PANEO_HEIGHT;
}

div#contents {
height                                 : auto;
}

footer {
position                               : absolute;
bottom                                 : 0;
/* width                                  : $PANEO_WIDTH; */
}

body.p2 div#container {
height                                 : ($PANEO_HEIGHT * 2) !important;
}
    
div#page2 {
position                               : absolute;
top                                    : $PANEO_HEIGHT;
width                                  : $PANEO_WIDTH;
}

body.p3 div#container {
height                                 : ($PANEO_HEIGHT * 3) !important;
}

div#page3 {
position                               : absolute;
top                                    : ( $PANEO_HEIGHT * 2 );
width                                  : $PANEO_WIDTH;
}

body.p4 div#container {
height                                 : ($PANEO_HEIGHT * 4) !important;
}

div#page4 {
position                               : absolute;
top                                    : ( $PANEO_HEIGHT * 2 );
width                                  : $PANEO_WIDTH;
}

/* body free */
body.free div#container {
height                                 : auto !important;
}
body.free footer {
position                               : static !important;
bottom                                 : auto !important;
}

}


/* RIP ONLY */
@media  paper {

.noprint {
display                                : none;
}

}
